.el-tag {
  --el-tag-border-radius: 3px;
  height: 20px;
  padding: 0 6px;
  border: none;
}

.el-tag.el-tag--default {
  color: $g-color-b2;
  background-color: $g-color-b4;
}

.el-tag.el-tag--primary {
  color: $g-color-b2;
  background-color: $g-color-b4;
}

.el-tag.el-tag--info {
  color: $g-color-gray2;
  background-color: $g-color-gray4;
}

.el-tag.el-tag--success {
  color: $g-color-g2;
  background-color: $g-color-g4;
}

.el-tag.el-tag--warning {
  color: $g-color-o2;
  background-color: $g-color-o4;
}

.el-tag.el-tag--danger {
  color: $g-color-r2;
  background-color: $g-color-r4;
}

.el-tag .el-tag__close {
  font-family: 'iconfont';
  font-style: normal;
  color: $g-color-n4;
  font-size: 14px;

  &:hover {
    color: $g-color-n4-hover;
    background-color: transparent;
  }
  
  &::after {
    content: '';
  }
}

.c-icon-tag {
  width: 16px;
  height: 16px;
}


.org-tag+.org-tag {
  margin-left: 4px;
}

.el-tag.tag-FACTORY {
  background: rgba(246, 129, 68, 0.04);
  border: 1px solid rgba(246, 129, 68, 0.2);
  color: #f68144;
}

.el-tag.tag-OFFICE {
  background: rgba(79, 186, 243, 0.04);
  border: 1px solid rgba(79, 186, 243, 0.2);
  color: #4FBAF3;
}

.el-tag.tag-ENTERPRISE {
  background: rgba(123, 99, 179, 0.04);
  border: 1px solid rgba(123, 99, 179, 0.2);
  color: #7b63b3;
}

.el-tag.tag-ASSEMBLY {
  background: rgba(123, 99, 179, 0.04);
  border: 1px solid rgba(28, 188, 137, 0.2);
  color: #1cbc89;
}